<html lang="zh-cmn-Hans">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/bootstrap-4.0.0-dist/css/bootstrap.min.css">

    <title>小马视频频道</title>

    <style>
        .myheader {
            background: url(../Lesson12/header.png);
            background-size: myheader
        }
    </style>
</head>

<body>
    <header>
        <div class="myheader text-dark text-center py-5">
            <h1 class="display-3 mb-3">小马视频</h1>
            <a href="//i.youku.com/komavideo" target="_blank" class="btn btn-primary btn-lg">优酷频道</a>
            <a href="//www.youtube.com/channel/UC5sgzai6AyPWLM7-hblV9oA" target="_blank" class="btn btn-danger btn-lg">Youtube频道</a>
        </div>
    </header>
    <main>
        <section class="py-5">
            <h2 class="text-center mb-5">小马游戏视频</h2>
            <div class="container">
                <div class="mb-5 row">
                    <div class="col-md-9">
                        <h3>勇者斗恶龙建造者</h3>
                        <p>日本知名游戏厂商SE社正式宣布将面向平台推出《勇者斗恶龙：建造者》游戏，风格为方块建筑RPG。初代《勇者斗恶龙 创造者》于NS上推出，本作2018年春发售。《勇者斗恶龙:建造者》和《勇者斗恶龙:建造者2》的NS版，在西方市场由任天堂发行。</p>
                    </div>
                    <div class="col-md-3">
                        <img src="../Lesson13/imgs/dq-builders.jpg" class="w-100">
                    </div>
                </div>
                <div class="mb-5 row">
                    <div class="col-md-9 order-md-2">
                        <h3>塞尔达传说之黄昏公主</h3>
                        <p>《塞尔达传说 黄昏公主》（ゼルダの伝说 トワイライトプリンセス，The Legend of Zelda: Twilight Princess）是由任天堂情报开发本部制作、任天堂发行的动作冒险游戏。2006年11月9日首发登陆Wii和NGC，Wii首发作品。双平台合计销量达到885万套以上，是系列目前为止销量最高作。《塞尔达传说：黄昏公主HD》2016年3月10日登陆WiiU平台。</p>
                    </div>
                    <div class="col-md-3 order-md-1">
                        <img src="../Lesson13/imgs/zdtp.jpg" class="w-100">
                    </div>
                </div>
                <div class="mb-5 row">
                    <div class="col-md-9">
                        <h3>讨鬼传2</h3>
                        <p>《讨鬼传2》是由KOEI TECMO公司开发的一款动作游戏，于2016年7月28日发行。在吸收了《讨鬼传》优势内容的基础上，增加了诸多提升游戏爽快度的要素。游戏风格也转变成为开放世界形式，且能无缝进入战斗。</p>
                    </div>
                    <div class="col-md-3">
                        <img src="../Lesson13/imgs/tkd2.jpg" class="w-100">
                    </div>
                </div>
            </div>
        </section>
    </main>
    <footer>
    </footer>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="/bootstrap-4.0.0-dist/others/jquery-3.2.1.slim.min.js"></script>
    <script src="/bootstrap-4.0.0-dist/others/popper-1.12.9.min.js"></script>
    <script src="/bootstrap-4.0.0-dist/js/bootstrap.min.js"></script>
</body>

</html>